<template>
  <!-- 定制服务 -->
  <div class="cus">
    <div class="cus-label">
      <div class="left">
        <div class="label-text">{{ $t('custom.custom_fee_text') }}</div>
        <!-- <img src="@/assets/images/public/tag.png" class="label-tag" alt=""> -->
      </div>
      <!-- <div class="right" @click="jumpLink">{{ $t('custom.cus_ser_desc') }}</div> -->
    </div>
    <div class="cus-area">
      <custom-sub-content @sendDataToParent="sendDataToParent" @selVidData="selVidData"
        :isView="isView"></custom-sub-content>
    </div>
  </div>
</template>
<script>
import { mapState } from "vuex";
import customSubContent from './custom-sub-content.vue'
export default {
  props: {
    isShowVideo: Object
  },
  components: { customSubContent },
  data() {
    return {
      isView: Boolean
    }
  },
  computed: {
    ...mapState({
      userLanguage: (state) => state.user.userLanguage,
    }),
  },
  created() {
    this.isView = this.isShowVideo.notSupportQcVideos;
  },
  methods: {
    sendDataToParent(info) {
      this.$emit('parentSendData', info)
    },
    selVidData(info) {
      this.$emit('parentVidData', info)
    },
    jumpLink() {
      // 根据开发环境确定基础的id值
      let baseId = this.userLanguage.code == 'zh_CN' ? '1856253831232458754' : '1856254763940810754';
      // 进行路由跳转
      window.open(`/notice/${baseId}`, '_blank');
    }
  }
}
</script>

<style lang="less" scoped>
.cus {

  &-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;

    .left {
      display: flex;
      align-items: center;
      gap: 12px;

      .label-text {
        font-family: PingFang SC, PingFang SC;
        font-size: 14px;
        color: #969696;
        line-height: 26px;
      }

      .label-tag {
        width: 50px;
        height: 28px;
      }
    }

    .right {
      font-family: PingFang SC, PingFang SC;
      font-weight: 600;
      font-size: 16px;
      color: #F21473;
      line-height: 26px;
      cursor: pointer;
    }
  }

  &-area {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #F1F1F1;
    background: #F5F5F5;
    margin-bottom: 24px;
  }
}
</style>
